<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><%@ page pageEncoding="utf-8"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>橡树科技－JavaDemoSystem</title>
<link type="text/css" rel="stylesheet" media="all" href="../styles/global.css"/>
<link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css"/>
</head>
<body onLoad="initialYearAndMonth();">
<div id="header"> <img src="../images/logo.png"  alt="logo" class="left"/> <a href="/logout">[退出]</a> </div>
<div id="navi">
  <ul id="menu">
    <li><a href="../WEB-INF/jsp/index.jsp" class="index_off"></a></li>
    <shiro:hasRole name="超级管理员">
    <li><a href="../role/role_list.jsp" class="role_off"></a></li></shiro:hasRole>
    <li><a href="../admin/admin_list.jsp"  class="admin_off"></a></li>
    <li><a href="../fee/fee_list.jsp"  class="fee_off"></a></li>
    <li><a href="../account/account_list.jsp"  class="account_off"></a></li>
    <li><a href="../service/service_list.jsp" class="service_off"></a></li>
    <li><a href="bill_list.jsp" class="bill_on"></a></li>
    <li><a href="../report/report_list.jsp" class="report_off"></a></li>
    <li><a href="../user/user_info.jsp" class="information_off"></a></li>
    <li><a href="../user/user_modi_pwd.jsp" class="password_off"></a></li>
  </ul>
</div>
<div id="main">
  <form action="" method="">
    <div class="search_add">
      <div>账务账号：<span class="readonly width70">admin1</span></div>
      <div>身份证：<span class="readonly width150">230101111111111111</span></div>
      <div>姓名：<span class="readonly width70">张三</span></div>
      <div>计费时间：<span class="readonly width70">2013年8月</span></div>
      <div>总费用：<span class="readonly width70">34.78</span></div>
      <input type="button" value="返回" class="btn_add" onClick="location.href='bill_list.jsp'/*tpa=http://demo.mycodes.net/houtai/isoakJavaDemoSystem/bill/bill_list.jsp*/;"/>
    </div>
    <div id="data">
      <table id="datalist">
        <tr>
          <th class="width70">账单明细ID</th>
          <th class="width150">OS 账号</th>
          <th class="width150">服务器 IP</th>
          <th class="width70">账务账号ID</th>
          <th class="width150">时长</th>
          <th>费用</th>
          <th class="width150">资费</th>
          <th class="width50"></th>
        </tr>
        <tr>
          <td>1</td>
          <td>openlab1</td>
          <td>192.168.100.100</td>
          <td>101</td>
          <td>1小时3分15秒</td>
          <td>43.45</td>
          <td>包 20 小时</td>
          <td><a href="bill_service_detail.jsp" title="业务详单">详单</a></td>
        </tr>
        <tr>
          <td>2</td>
          <td>openlab1</td>
          <td>192.168.100.20</td>
          <td>101</td>
          <td>3分15秒</td>
          <td>3.45</td>
          <td>包 20 小时</td>
          <td><a href="bill_service_detail.jsp"  title="业务详单">详单</a></td>
        </tr>
        <tr>
          <td>3</td>
          <td>openlab1</td>
          <td>192.168.0.23</td>
          <td>101</td>
          <td>13分15秒</td>
          <td>13.45</td>
          <td>包 40 小时</td>
          <td><a href="bill_service_detail.jsp" title="业务详单">详单</a></td>
        </tr>
      </table>
    </div>
    <div id="pages"> <a href="#">上一页</a> <a href="#" class="current_page">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">下一页</a> </div>
  </form>
</div>
<div id="footer">
  <p>[源自橡树的技术，最优秀的师资，最真实的企业环境，最适用的实战项目]</p>
  <p>版权所有(C)橡树信息科技有限公司 </p>
</div>
</body>
</html>
